.left-top-panel {
  width: 300px;
  height:200px;
  color: #ffffff;
  .zb-wrap-1 {
    width: 313px;
    height: 62px;
    background: url("../../../../assets/images/display/top-left-bg1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;

    .first-bar {
      line-height: 56px;
      height: 62px;
      padding-left: 28px;
      span:nth-child(1) {
        font-size: 14px;
      }
      span:nth-child(2) {
        font-size: 18px;
        font-weight: bold;
        position: relative;
        top: 2px;
        left: 5px;
      }
    }
  }

  .zb-wrap-2 {
    display: flex;
    flex-wrap: wrap;
    width: 320px;
    .zb {
      width: 156px;
      height: 75px;
      background: url("../../../../assets/images/display/top-left-bg2.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;


      div:nth-child(1) {
        font-size: 18px;
        font-weight: bold;
        margin: 12px 0 0 25px;
      }

      div:nth-child(2) {
        font-size: 12px;
        margin: 0 0 0 25px;
      }
    }
  }
}
